草庐IT

ios - ImageView 的平滑滚动

全部标签

javascript - 如何防止 iOS 5 中 touchmove 事件的默认行为?

我有一个基于Web的应用程序,其中包含一个用户可以用手指上下滚动的组件。我使用事件的preventDefault方法来防止触摸移动在iOS设备上移动整个屏幕的默认行为。不幸的是,这在我今天早上刚升级到的iOS5中似乎不再有效。我不得不假设这在iOS5中的做法有所不同,但我还没有找到提供说明的资源。更新#1:我无法找到我的特定问题的答案,但我可以稍微调整我的代码以使用-webkit-overflow-scrolling样式(设置到“触摸”的值)并实现时髦的惯性滚动功能(其中内容滚动速度更快,具体取决于您的滑动速度,如果它触及边界,将“橡皮筋弹回”。看起来很酷...更新#2:我现在有另一个

javascript - 检测 iPhone 5 及其以下的任何 iOS 设备

Aquestion在SO上被问及iPhone4用户代理和iOS5.0用户代理。我使用以下方法检测不同的移动设备、视口(viewport)和屏幕。我希望能够区分iPhone5和所有其他iOS设备。据我所知,我用来检测iOS5.0用户代理variPhone5的行也适用于任何运行iOS5.0的iOS设备,所以从技术上讲它是不正确的。varpixelRatio=window.devicePixelRatio||1;varviewport={width:window.innerWidth,height:window.innerHeight};varscreen={width:window.scr

javascript - 从 DOM 中删除同级元素时创建 block 元素的平滑过渡

我有一个容器,其工作方式类似于macos中的通知-元素被添加到队列并在特定超时后删除。这很好用,但有一个不和谐的视觉副作用。当它们从DOM中移除时,UI会出现参差不齐的更新,因为堆栈中的下一个元素会填充前一个元素所造成的空白。我希望堆栈中下面的元素能够顺利地向上移动到该空间,最好使用css3,但添加一个transition:all0.5sease-in-out到.notice当其兄弟被移除时,类对该对象没有影响。最小的JS交互:$('#add').click(function(e){e.preventDefault();$('#container').append('Notice#')

JavaScript 警报卡住 iOS 浏览器

我在jquery-mobile中开发webapp时遇到了一些奇怪的错误。当我提示警报时,如果我触摸页面的某些输入,iOSSafari和Chrome将完全卡住,我只能使用任务管理器关闭它们。我很困惑是苹果的错还是我的错。一些代码:$('.checkout-comprar-button').click(function(){alert("hola!!!");});这是事件的div:这是输入之一:"name=""id="checkout-num-tarjeta"maxlength="30"/>显示警报后,如果我想聚焦某些输入,浏览器会卡住。当我强行关闭Safari时,这是控制台给我的消息::

javascript - 在 Bootstrap 模态中滚动到 DIV

我有3个按钮将触发相同的模式但需要滚动到不同的部分。我正在努力实现这一目标,请提供帮助。LaunchmodalLaunchmodalLaunchmodal............................................. 最佳答案 使用模态事件shown.bs.modal并为该部分使用data。打开模式的链接可以在event.relatedTarget中找到。给你:-$('#myModal').on('shown.bs.modal',function(event){//resetthescrolltotop$

javascript - 在 D3.js 中注销缩放监听器并恢复滚动能力

我目前正在使用D3.js。这是为我的svg标签注册缩放监听器的代码varzoomListener=d3.behavior.zoom().scaleExtent([0.1,3]).on("zoom",zoom);functionzoom(){vis.attr("transform","translate("+d3.event.translate+")scale("+d3.event.scale+")");}svg.call(zoomListener)现在,当我在svg元素上滚动鼠标时,它会被缩放。但是当我像这样解除绑定(bind)缩放事件时zoomListener.on("zoom",n

javascript - JQGrid 当 autowidth = true 时如何删除烦人的水平滚动条? (在浏览器中)

在IE中使用autowidth=true时,我似乎得到了一个恼人的水平滚动条这是怎么回事,我该如何摆脱它? 最佳答案 我得到了完美的解决方案。问题出在CSS中。在ui-jqgrid.css中,表格布局是固定的。将其设置为auto它将完美运行。我只是复制了同一个类,即.ui-jqgrid.ui-jqgrid-btable{table-layout:auto;} 关于javascript-JQGrid当autowidth=true时如何删除烦人的水平滚动条?(在浏览器中),我们在StackO

javascript - 如何在 iScroll 中为滚动条设置动态宽度?

在这个例子中http://bit.ly/t2ImYS所有元素的包装宽度都是固定的8520px#scroller{width:8520px;height:100%;float:left;padding:0;}我要width动态的,所以如果我在中添加更多元素这个#scroller应该采用其中元素的宽度。于是尝试设置宽度#scroller{width:100%;}和#scroller{width:auto}但是滚动条无法正常工作。有没有办法得到width在%卷轴正常工作? 最佳答案 将li元素设置为display:inline-block

javascript - 如何使用 angularJs ng-repeat 添加滚动条?

我有angularJSng-repeat我想在列表项中添加滚动条,因为它可能在该字段中有4000个字符,所以在这种情况下我如何根据行数或最大值设置滚动条-div的高度?main.htmlNotification{{tests.length}}{{test}} 最佳答案 我认为这是一个HTML问题。尝试将此CSS添加到您的代码中:.panel-body{overflow:scroll;height:100px;}overflow是overflow-x和overflow-y的组合。如果只需要为垂直溢出添加滚动条,只需要overflow-

javascript - 我可以将 socket.io 事件监听器分成不同的模块吗?

我正在处理超过15个不同的套接字事件,我想在与这些事件相关的模块中管理某些socket.io事件。例如,我想让名为login.js的文件处理login套接字事件,让名为register.js的文件处理注册套接字事件。index.js:socket.on("connection",function(client){console.log("Clientconnectedtosocket!");client.on("login",function(data){validate(data){socket.sockets.emit("login_success",data);}});clien